﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Administrador/Servicios Escolares/SE_MasterPage.master" AutoEventWireup="true" CodeFile="Reportes.aspx.cs" Inherits="Administrador_Servicios_Escolares_Reportes" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

    <link rel="stylesheet" href="../../style.css" type="text/css" media="all" />

                
                <table class="tinytable" >
                    <thead><tr><td style="background-color: #339966"><h5>Alumnos Inscritos</h5></td><td style="background-color: #339966">Alumnos Reinscritos</td><td style="background-color: #339966">Aun No Reinscritos</td></tr></thead>
                    <tbody><tr>
                                <td><asp:Button ID="btnAI" runat="server" Text="Consultar" onclick="btnAI_Click" /></td>
                                <td><asp:Button ID="btnAR" Text="Consultar" runat="server" onclick="btnAR_Click" /></td>
                                <td><asp:Button ID="btnANR" Text="Consultar" runat="server" 
                                        onclick="btnANR_Click" /></td>
                           </tr></tbody>
                </table>
                <div id="divTabla" runat="server" clientidmode="Static">
	            <asp:Repeater ID="repTabla" runat="server" EnableViewState="false">
                    <HeaderTemplate>
                        <div id="tablewrapper">
		                <div id="tableheader">
        	            <div class="search">
                        <select id="columns" onchange="sorter.search('query')"></select>
                        <input type="text" id="query" onkeyup="sorter.search('query')" />
                        </div>          
				        <br />
                        <br />
          
				        <div>Registros <span id="startrecord"></span>-<span id="endrecord"></span> de <span id="totalrecords"></span></div>
        		        <div>
                        <br />
                        <a href="javascript:sorter.reset()">Reiniciar</a></div>
        
                        </div>
                        
                        <table cellpadding="0" cellspacing="0" border="0" id="table" class="tinytable">
                        <thead>
            
                        <tr>
                        <th class="nosort"><h3>Matricula</h3></th>
                        <th><h3>Nombre</h3></th>
                        <th><h3>Grupo</h3></th>
                        <th style="width: 184px"><h3>Email</h3></th>
                        <th><h3>Turno</h3></th>
                        <th><h3>Carrera</h3></th> 
       
                        </tr>
                        </thead>
                        <tbody>
                    </HeaderTemplate>
                    <ItemTemplate>
                        <tr>
                            <td><label id="lblMat1" runat="server" ><%#Eval("matricula") %></label></td>
                            <td><label id="Label1" runat="server"  ><%#Eval("nombre") %></label></td>
                            <td><label id="Label2" runat="server"  ><%#Eval("grupo") %></label></td>
                            <td><label id="Label3" runat="server"  ><%#Eval("email") %></label></td>
                            <td><label id="Label4" runat="server"  ><%#Eval("turno") %></label></td>
                            <td><label id="Label5" runat="server"  ><%#Eval("carrera") %></label></td>
                        </tr>
                    </ItemTemplate>
                    <FooterTemplate>
                        </tbody>
                    </table>
                    
                        <div id="tablefooter">
                        <div id="tablenav">
            	        <div>
                        <img src="../../images/previous.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1)" />
                        <img src="../../images/next.gif" width="16" height="16" alt="First Page" onclick="sorter.move(1)" />
                        <img src="../../images/last.gif" width="16" height="16" alt="Last Page" onclick="sorter.move(1,true)" />
                        </div>
                        <div>
                	    <select id="pagedropdown"></select>
				        </div>
                        <div>
                	    <a href="javascript:sorter.showall()">Ver todos</a>
                        </div>
                        </div>
			            <div id="tablelocation">
                            <div>
                                </div>
                                >
                        <select onchange="sorter.size(this.value)">
                        <option value="5">5</option>
                        <option value="10" selected="selected">10</option>
                        <option value="20">20</option>
                        <option value="50">50</option>
                        <option value="100">100</option>
                        </select>
                        <span>Registros por página</span>
                        </div>
                        <div class="page">Página <span id="currentpage"></span> de <span id="totalpages"></span></div>
                        </div>
                        </div>
                            
                        </div>
                    </FooterTemplate>
                </asp:Repeater>
                </div>
                
                
               
            
	<script type="text/javascript" src="../../script.js"></script>
	<script type="text/javascript">
	    var sorter = new TINY.table.sorter('sorter', 'table', {
	        headclass: 'head',
	        ascclass: 'asc',
	        descclass: 'desc',
	        evenclass: 'evenrow',
	        oddclass: 'oddrow',
	        evenselclass: 'evenselected',
	        oddselclass: 'oddselected',
	        paginate: true,
	        size: 10,
	        colddid: 'columns',
	        currentid: 'currentpage',
	        totalid: 'totalpages',
	        startingrecid: 'startrecord',
	        endingrecid: 'endrecord',
	        totalrecid: 'totalrecords',
	        hoverid: 'selectedrow',
	        pageddid: 'pagedropdown',
	        navid: 'tablenav',
	        sortcolumn: 1,
	        sortdir: 1,
	        sum: [8],
	        avg: [6, 7, 8, 9],
	        columns: [{ index: 7, format: '%', decimals: 1 }, { index: 8, format: '$', decimals: 0}],
	        init: true
	    });
	    function btnImprimir_onclick() {
	        w = window.open("", "", "")
	        w.document.body.innerHTML = document.getElementById("divTabla").innerHTML;
	        w.print();
	    }

    </script>
  

    <br />
    <br />
    <br />
  
  <div align="right">
      <br />
      <br />
      <br />
      <br />
      <button id="btnImprimir" onclick="return btnImprimir_onclick()">Reporte</button></div>
</asp:Content>

